<template>
  <div class="mineCar">
      <div class="header">
        <div class="tu">
          <img src="../assets/logo.png" alt="">
        </div>
        <ul class="ul">
          <router-link to='index1' tag="li" active-class="bottom-border" >首页</router-link>
          <router-link to='mineCar' tag="li" active-class="bottom-border">我的车队</router-link>
          <router-link to='management' tag="li" active-class="bottom-border">运单管理</router-link>
          <router-link to='payment' tag="li" active-class="bottom-border">付款记录</router-link>
          <router-link to='fapiaoguan' tag="li" active-class="bottom-border">发票管理</router-link>
          <router-link to='control' tag="li" active-class="bottom-border">保理业务</router-link>
          <router-link to='factoring' tag="li" active-class="bottom-border">运费账户</router-link>
        </ul>
        <div class="log">
            <div class="">
            		  登陆
            </div>
            <div>
            	注册
            </div>
        </div>
      </div>
      
      <div class="apply">
		<ul class="apply-left">
			<router-link to='mine' tag="li" active-class="apply-bo" class="apply-li hend">我的车队<span>&gt;</span></router-link>
			<router-link to='docu' tag="li" active-class="apply-bo" class="apply-li hend">证件查询<span>&gt;</span></router-link>
			<router-link to='shar' tag="li" active-class="apply-bo" class="apply-li hend">共享管理<span>&gt;</span></router-link>
		</ul>
		<div class="apply-rgiht">
			<router-view></router-view>
		</div>
	</div>

  </div>
</template>


<script>
export default {
	

  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


  html{
    width: 1600px;
  }
  .mineCar>.header{
    width: 1200px;
    padding: 10px 200px 0 20px;
    height: 70px;
    border-bottom: 1px solid #e8e8f0;
  }
  .tu{
    float: left;
  }
  .ul{
    margin-left: 10px;
    float: left;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
  }
  .ul li{
    float: left;
    margin-left: 50px;
    line-height: 67px;
    cursor: pointer;
  }
  .log{
    float: right;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 70px;
  }
  .log div{
    float: left;
    margin-left: 10px
  }
  .bottom-border{
    color: #445281;
    border-bottom: 3px solid #445281;
  }
  .apply{
		width: 1600px;
	}
	.apply-left{
		float: left;
		height: 600px;
		border-right: 1px solid #e8e8f0;
	}
	.apply-rgiht{
		float: left;
		width: 85%;
	}
	.apply .apply-li{
		width: 200px;
		font-size: 14px;
		text-align: center;
		height: 50px; 
		line-height: 50px;
		border-bottom: 1px solid #e8e8f0;
		color: #666;
	}
	.apply:active{
		content: '';
		display:block;
		clear:both
	}
	.apply .apply-li span{
		float: right;
		margin-right: 40px;
	}
	.apply .apply-bo{
		background: #f5f6fb;
		color: #364eb2;
		border-collapse: #e8e9ee;
	}
	.hend{
		cursor: pointer;
	}
</style>
